a {
    text-decoration: none;
    /* 去除默认的下划线 */
    outline: none;
    /* 去除旧版浏览器的点击后的外虚线框 */
    color: #000;
}

.main {
    width: 1300px;
    // height: 800px;
    margin: 110px auto;

    ul {
        position: relative;
        margin: 0 auto;
        padding-top: 80px;
        width: 1170px;
        height: 750px;

        .topic {
            position: absolute;
            top: -45px;
            left: 324px;
            font-size: 38px;
        }

        li {
            width: 1170px;
            height: 148px;
            margin-bottom: 50px;

            a {
                width: 1170px;
                height: 148px;

                img {
                    float: left;
                    width: 260px;
                    height: 148px;
                    border-radius: 6px;
                }

                div {
                    float: left;
                    width: 864px;
                    height: 148px;
                    padding-left: 26px;
                    position: relative;

                    .black {
                        display: none;
                        position: absolute;
                        top: 0;
                        left: -26px;
                        width: 890px;
                        height: 148px;
                        background-color: rgba(155, 155, 155, 0.1);
                    }

                    h2 {
                        font-weight: 400;
                        margin-top: 10px;
                        font-size: 16px;
                        color: #333;
                    }

                    p {
                        margin-top: 10px;
                        font-size: 14px;
                        line-height: 26px;
                        color: #878787;
                    }
                }
            }
        }
    }

}